<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>添加问题</title>

  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/publ.css">
  <link rel="stylesheet" href="css/questionEdit.css">
  <link rel="stylesheet" href="lib/layui/css/layui.css">
  <script src="lib/jquery/jquery-3.6.0.min.js"></script>
  <script src="lib/layui/layui.js"></script>
  <script src="js/questionEdit.js"></script>
  <script src="js/GetUUID.js"></script>

</head>

<body>

  <!-- 引入导航栏 -->
  <iframe id="publ" src="comm/head.html" frameborder="0"></iframe>

  <div class="mu_box">
    <form class="layui-form layui-form-pane" action="">
      <div class="layui-form-item">
        <label class="layui-form-label">问卷名</label>
        <div class="layui-input-block">
          <input id="questionName" type="text" name="title" required lay-verify="required" placeholder="请输入标题"
            autocomplete="off" class="layui-input">
        </div>
      </div>
    </form>

    <div class="line">
      <div class="question_boxes" id="putpro">
        <!-- <div class="question_box">
          <div>Q1</div> 
          <div>单选</div>
          <div class="handles">
            <div class="handle"><button onclick="up(this)" value="上移">上移</button></div>
            <div class="handle"><button onclick="down(this)" value="下移">下移</button></div>
            <div class="handle"><button onclick="cp(this)" value="复用">复用</button></div>
            <div class="handle"><button onclick="rm(this)" value="删除">删除</button></div>
          </div>
        </div>
        <div class="question_box">
          <div>Q2</div> 
          <div>单选题</div>
          <div class="handles">
            <div class="handle"><button onclick="up(this)" value="上移">上移</button></div>
            <div class="handle"><button onclick="down(this)" value="下移">下移</button></div>
            <div class="handle"><button onclick="cp(this)" value="复用">复用</button></div>
            <div class="handle"><button onclick="rm(this)" value="删除">删除</button></div>
          </div>
        </div> -->

      </div>

      <!-- 添加问题 -->
      <div class="add">选择添加问题类型</div>
      <div class="questionAdd">
        <div></div>
        <button type="button" id="single_button">
          <a class="lin" href="#open-modal-1">
            <div class="icon_radio"></div>单选
          </a>
        </button>
        <button type="button" href="">
          <a class="lin" href="#open-modal-2">
            <div class="icon_checkbox">✔</div>多选
          </a>
        </button>
        <button type="button" href="">
          <a class="lin" href="#open-modal-3">
            <div class="icon_text">三</div>文本题
          </a>
        </button>
        <div></div>
      </div>
      <!-- 添加问题 -->
    </div>

    <div class="ddl">
      <div></div>
      <span>问卷截止日期:</span>
      <input class="submit" id="endtime" placeholder="请选择时间">
      <div></div>
      <button class="submit" onclick="saveQuestion(2)">保存问卷</button>
      <button class="submit" onclick="saveQuestion(0)" style="background-color: blanchedalmond;">发布问卷</button>
      <div></div>
    </div>
  </div>
  <!-- 单选弹窗内容 -->
  <div id="open-modal-1" class="modal-window">
    <div>
      <button id="button_delete">
        <a href="questionEdit.html" title="Close" class="modal-close">X</a>
      </button>
      <div class="radio_title">
        题目：<input type="text" id="title1">
        <button class="layui-btn" onclick="option_add()">点击添加选项</button>
      </div>
      <div id="new_add" class="option_add">
        <span>A</span><input id="A1" type="text" name="">
        <div id="new1"></div>
      </div>
      <div>
        <button class="layui-btn besure" onclick="saveTime1()">确定</button>
      </div>
    </div>
  </div>
  <!-- 多选弹窗内容 -->
  <div id="open-modal-2" class="modal-window">
    <div>
      <button id="button_delete" onclick="radio_pop()">
        <a href="questionEdit.html" title="Close" class="modal-close">X</a>
      </button>
      <div class="radio_title">
        题目：<input type="text" id="title2">
        <button class="layui-btn" onclick="option_add2()">点击添加选项</button>
      </div>
      <div id="new_add" class="option_add">
        <span>A</span><input id="A2" type="text"><br>
        <div id="new2"></div>
      </div>
      <div>
        <button class="layui-btn besure" onclick="saveTime2()">确定</button>
      </div>
    </div>
  </div>
  <!-- 文本弹窗内容 -->
  <div id="open-modal-3" class="modal-window">
    <div>
      <button id="button_delete" onclick="radio_pop()">
        <a href="questionEdit.html" title="Close" class="modal-close">X</a>
      </button>
      <div class="radio_title">
        题目：<input type="text" id="title3">
      </div>
      <div>
        <button class="layui-btn besure" onclick="saveTime3()">确定</button>
      </div>
    </div>
  </div>

</body>

</html>